<template>
  <div class="content-box">
    <h1>{{title}}</h1>
    <p v-for="(item,index) in body" :key="index">{{item}}</p>
  </div>
</template>

<script>
export default {
  props:{
    body:Array,
    title:String
  }
}
</script>

<style scoped>
/* 正文 */
.content-box>h1{
  font-size: inherit;
  padding: 10PX 0;
}
.content-box>p{
  text-indent: 2em;
  margin-bottom: 20PX;
  text-align: justify;
  line-height: 1.8;
}
.content-box>p:last-of-type{
  margin-bottom: 0;
}
</style>